@import "ReLeftBubbleBox";
@import "ReRightBubbleBox";
@import "common";
.HkfsProcessItem{
  z-index: 1;
  width:50%;
  position:relative;
  &>div{
    display:inline-block;
    vertical-align: middle;
  }
.largeCircle{
  height:26px;
  width:26px;
  background-color: rgba(247,147,30,0.3);
  position:relative;
  .border-radius(13px);

  .smallCircle{
    height:16px;
    width:16px;
    .border-radius(8px);
    background-color: rgb(247,147,30);
    .absoluteCenter(16px);

  }
}
  .HkfsProcessItemStyle{
    height:86px;
    width:400px;
    padding:10px 20px 0 20px;
    box-shadow: 1px 2px 5px rgba(229,229,229,0.75);
    border-color: white;
    .Top{
      display:none;
    }
  }
}

.LeftDirtion{
  direction: ltr;
  margin-left: 50%;
  left:-13px;
  .HkfsProcessItemStyle{
    div {
      text-align: left !important;
    }
  }
}
.RightDirtion{
  direction:rtl;
  right:-13px;
  margin-top: -20px;
  .HkfsProcessItemStyle{
    div {
      text-align: right !important;
    }
  }
}